<style>
    #hot {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 30px;
    }
    #hot > img {
        margin-bottom: 30px;
    }
    #hot .hotItem {
        display: flex;
        position: relative;
        width: 49%;
        background: #f6f7f9;
        overflow: hidden;
    }
    #hot .hotItem .bg {
        position: relative;
        display: block;
    }
    #hot .hotItem .item {
        position: absolute;
        left: 10px;
        width: 140px;
        z-index: 1;
        margin-top: 70px;
        margin-right: 8px;
    }
    #hot .hotItem .item:nth-child(2) {
        left: 160px;
    }
    #hot .hotItem .item:nth-child(3) {
        left: 310px;
    }
</style>
<section id="hot" class="bancen">
    <img src="https://a.vpimg2.com/upload/flow/2018/08/17/154/15344789862278.jpg" width="100%">
    <div class="hotItem">
        <img class="bg" src="https://h2.appsimg.com/b.appsimg.com/upload/momin/2021/07/07/40/1625657194712_1020x582_90.jpg" width="105%">
        <img class="item" src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2021/06/15/16/f57545b4-97d6-43d9-a49b-fec2a4a4592c_420_531_292x368_90.jpg">
        <img class="item" src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/106491/2021/0811/191/a78c2659-4a94-40ee-b9cd-9c87c8146cdc_420_531_292x368_90.jpg">
        <img class="item" src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2021/05/21/5/0da14908-243d-4747-b96d-e7383114beb3_420_531_292x368_90.jpg">
    </div>
    <div class="hotItem">
        <img class="bg" src="https://h2.appsimg.com/b.appsimg.com/upload/momin/2021/07/07/40/1625657194712_1020x582_90.jpg" width="103%">
        <img class="item" src="https://h2.appsimg.com/a.appsimg.com/upcb/2021/03/14/166/ias_02cc9269b5209a01fc0423bc3396c057_292x368_90.png">
        <img class="item" src="https://h2.appsimg.com/a.appsimg.com/upcb/2021/05/19/146/ias_e97b22628370c9a67eb7e0c842e25c9a_292x368_90.png">
        <img class="item" src="https://h2.appsimg.com/a.appsimg.com/upcb/2021/03/15/76/ias_5bf4a7df4274038240113101b570b50d_292x368_90.png">
    </div>
</section>
<script>
    $(function (){
        axios.get('./static/api/hot/hot1.json').then(res=>{
            console.log(res.data.data)
        })
    })
</script>